/*(C) 2012-2013 Douco Inc.*/
/* 全局通用
----------------------------------------------- */
body{background-color: #fff; font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, Arial, Verdana, sans-serif; font-size: 12px; color: #333; margin: 0; padding: 0;}
body, button, input, textarea{font-size: 12px; line-height: 1.531; outline: none; margin: 0; padding: 0; border: 0;}
p, ul, ol, dl, dt, dd, form, blockquote{margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6{font-size: 12px; margin: 0; padding: 0; font-weight: normal;}
img{border: 0;}
ul, ol{list-style: none;}
img{border: 0;}
/*a{text-decoration: none; color: #626262;}*/
a{text-decoration: none; color: #000;}
a:hover{text-decoration: none;}
input, textarea, select{vertical-align: middle;}
*:focus{outline: none;}
em, i{font-style: normal;}
.bold{font-weight: bold;}
.clear{clear: both; display: block; height: 0; line-height: 0; font-size: 0;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
*html .clearfix{height: 1%;}
*+html .clearfix{height: 1%;}
.none{display: none;}
.cue{color: #999;}
p.cue{margin-top: 5px;}
.cueRed{color: #C00;}
.ml{padding-left: 10px;}
.pl{padding-left: 10px;}
.pr{padding-right: 10px;}
.unread{font-weight: bold;}
#vcode{cursor: pointer;}
/* 主体框架
----------------------------------------------- */
#dcWrap{width: 100%; height: 100%;}
#dcHead{background-color: #000; float: left; height: 40px; width: 100%;}
#dcLeft{float: left; width: 179px;}
#dcMain{background-color: #FFFFFF; border-left: 1px solid #CCC; margin-left: 179px; padding-top: 40px; *padding-top:0; zoom: 1/* padding-top:40px; */}
#dcFooter{height: 45px; background-color: #EEEEEE; margin-top:10px;}
/*- form -*/
.btn{display: inline-block; background-color: #000000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 0; color: #FFF; font-size:14px; padding: 4px 15px; font-weight: bold; text-transform: capitalize; cursor: pointer; -webkit-appearance: none;}
.btnGray{display: inline-block; background-color: #EEE; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 0; color: #666; font-size:14px; padding: 5px 27px; font-weight: bold; text-transform: capitalize; cursor: pointer; -webkit-appearance: none;}
.btnPayment{display: inline-block; background-color: #ff4246; color: #FFF; padding: 7px 28px; text-transform: capitalize; cursor: pointer; font-weight: bold; font-size:14px; text-align:center; -webkit-appearance: none;}
.inpMain{border: 1px solid #DBDBDB; background-color: #FFF; padding: 4px 5px; color: #000; font-size: 12x; line-height: 20px;margin:4px}
.inpFlie{border: 1px solid #DBDBDB; background-color: #FFF; padding: 5px 5px; margin:2px; color: #999; -webkit-appearance: none;}
.textArea{border: 1px solid #DBDBDB; background-color: #FFF; padding: 4px 5px; color: #999; font-size: 12x; line-height: 20px; -webkit-appearance: none;}
.textAreaAuto{border: 1px solid #DBDBDB; background-color: #FFF; padding: 0; color: #999; font-size: 12x; line-height: 20px; resize: none; min-height: 40px; -webkit-appearance: none;}
select{border: 1px solid #DBDBDB; padding: 5px 5px 5px 2px;}
.middle{vertical-align:middle;}
/*- tab -*/
.tab{border-bottom: 1px solid #000; font-weight: bold; font-size: 14px; height: 35px; overflow: hidden;}
.tab li{float: left; line-height: 35px; height: 35px;}
.tab a{display: block; background-color: #F9F9F9; padding: 0 44px; text-decoration: none; color: #999;}
.tab a.selected{background-color: #000; color: #FFF;}
/*- tableBasic -*/
.tableBasic{background-color: #F9F9F9; color: #666666; border-left: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC;}
.tableBasic select{color: #8F8F8F;}
.tableBasic td, .tableBasic th{border-right: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC;}
.tableBasic th{background-color: #EEEEEE; height: 16px;}
.tableBasic .child{background-color: #FFFFFF;}
/*- tableNobor -*/
.tableNobor td{border: 0;}
/*- tableOnebor -*/
.tableOnebor td{border-right: 0;}
/*- showHidden -*/
.showHidden{display: block; float: right; font-size: 12px; background-color: #CCC;}
.showHidden b, .showHidden s{display: block; float: left; padding: 4px 15px; background-color: #CCC; color: #333; cursor: pointer;}
.showHidden .d b{background-color: #0072C6; color: #FFF;}
.showHidden .h s{background-color: #0072C6; color: #FFF;}
/*- unum -*/
.unum{display: inline-block; background-color:#28B779; color: #fff; font-size: 9px; line-height: 17px; font-weight: 600; margin: 1px 0 0 2px; -webkit-border-radius: 10px; border-radius: 10px;}
.unum span{display: block; padding: 0 6px;}
/* 公共顶部
----------------------------------------------- */
#head .logo{border-right: 1px solid #cccccc; float: left; width: 179px; height: 40px;}
#head .logo img{margin: 2px 0 0 13px;}
#head .nav{margin-left: 180px; height: 40px; line-height: 40px; color: #D9D9D9; font-size: 13px;}
#head .nav ul{float: left;}
#head .nav ul.navRight{float: right;}
#head .nav li{float: left; border-left: 1px solid #252525; border-right: 1px solid #cccccc;}
#head .nav a{display: block; color: #D9D9D9; padding: 0 15px;}
#head .nav a.topAdd{background: url(../images/top_add.gif) no-repeat 15px top; padding-left: 35px;}
#head .nav a:hover, #head .nav a.cur{background-color: #000; color: #FFF;}
#head .nav a.topAdd:hover{background: #60BBFF url(../images/top_add.gif) no-repeat 15px bottom;}
#head .nav .noLeft{border-left: 0;}
#head .nav .noRight{border-right: 0;}
/*- 下拉菜单 -*/
#head .nav .M{position: relative;}
#head .nav .active a{background-color: #FFF; color: #000;}
#head .nav .active a.topAdd{background: #FFF url(../images/top_add.gif) no-repeat 15px top;}
#head .nav .drop{display: none; position: absolute;}
#head .nav .drop a{line-height: 30px; font-size: 12px;}
#head .nav .active .drop{display: block;}
/* mTopad */
#head .nav .mTopad{left: -1px; top: 40px; width: 120px; border-left: 1px solid #FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
#head .nav .mTopad a{border-bottom: 1px solid #EEE; border-left: 1px solid #EEE; border-right: 1px solid #EEE; background-color: #FFF; color: #333; padding-left: 20px;}
#head .nav .mTopad a:hover{background-color: #F9F9F9; color: #0072C6;}
/* mUser */
#head .nav .mUser{left: -1px; top: 40px; width: 134px; border-left: 1px solid #EEE; border-right: 1px solid #EEE;}
#head .nav .mUser a{border-bottom: 1px solid #EEE; background-color: #FFF; color: #0072C6;}
#head .nav .mUser a:hover{background-color: #F9F9F9; color: #0072C6;}
/* 公共管理菜单
----------------------------------------------- */
#menu{margin-right: -1px; font-size: 13px; font-weight: bold;}
#menu ul{border-top: 1px solid #F9F9F9; border-bottom: 1px solid #CCCCCC; padding: 4px 0;}
#menu .top{border-top: 0; border-right: 1px solid #CCC; background-color: #F5F5F5;}
#menu .bot{border-bottom: 0;}
#menu li{height: 38px; overflow: hidden;}
#menu li.cur{background: #000 url(../images/menu_cur.gif) no-repeat right 50%;}
#menu li.cur a{color: #FFF;}
#menu li a{display: block; height: 38px; line-height: 38px;}
#menu li i{background: url(../images/icon_menu.png) no-repeat 13px 0; float: left; display: block; width: 42px; height: 38px;}
#menu li.cur i{background: url(../images/icon_menu_on.png) no-repeat 13px 0;}
#menu li em{float: left; display: block; width: 130px; height: 38px; cursor: pointer;}
#menu .top li{height: 27px;}
#menu .top li a{height: 27px; line-height: 27px;}
#menu .top li i{height: 27px;}
#menu .top li i.home{background-position: 13px -40px;}
#menu li i.system{background-position: 13px -79px;}
#menu li i.nav{background-position: 13px -119px;}
#menu li i.show{background-position: 13px -159px;}
#menu li i.page{background-position: 13px -199px;}
#menu li i.productCat{background-position: 13px -239px;}
#menu li i.product_category{background-position: 13px -239px;}
#menu li i.product{background-position: 13px -279px;}
#menu li i.articleCat{background-position: 13px -319px;}
#menu li i.article_category{background-position: 13px -319px;}
#menu li i.article{background-position: 13px -359px;}
#menu li i.manager{background-position: 13px -399px;}
#menu li i.managerLog{background-position: 13px -439px;}
#menu li i.manager_log{background-position: 13px -439px;}
#menu li i.backup{background-position: 13px -479px;}
#menu li i.link{background-position: 13px -519px;}
#menu li i.guestbook{background-position: 13px -559px;}
#menu li i.mobile{background-position: 13px -599px;}
#menu li i.user{background-position: 13px -639px;}
#menu li i.order{background-position: 13px -679px;}
#menu li i.order_booking{background-position: 13px -279px;}
#menu li i.plugin{background-position: 13px -719px;}
#menu li i.menuPage{background-position: 13px -759px;}
#menu li i.theme{background-position: 13px -799px;}
#menu li i.caseCat{background-position: 13px -839px;}
#menu li i.case{background-position: 13px -879px;}
#menu li i.downloadCat{background-position: 13px -919px;}
#menu li i.download{background-position: 13px -959px;}
#menu li i.coupon{background-position: 13px -959px;}
#menu li i.chatlog{background-position: 13px -559px;}
#menu li i.chatroom{background-position: 13px -280px;}
#menu li i.manager_role{background-position: 13px -120px;}
#menu li i.live{background-position: 13px -521px}
#menu li i.robot{background-position: 13px -80px}
/* 当前位置
----------------------------------------------- */
#urHere{background-color:#F5F5F5; border-left: 1px solid #FFF; height: 35px; line-height: 37px; color: #A0A0A0; padding-left: 20px;}
#urHere a{color: #A0A0A0;}
#urHere b{margin: 0 13px;}
/* 公共主区域
----------------------------------------------- */
.mainBox{border-left: 1px solid #FFF; padding: 30px 22px 50px 22px;}
.mainBox h3{border-bottom: 1px solid #D7D7D7; color: #666666; font-size: 28px; /*padding-bottom: 20px;*/ margin-bottom: 30px;}
.mainBox h3 .actionBtn{float: right; display: inline-block; background-color: #28B779; padding: 0 20px; height: 27px; line-height: 27px; color: #FFFFFF; font-size: 13px; font-weight: bold; margin-left: 10px;}
.mainBox h3 .add{background: #28B779 url(../images/action_btn.gif) no-repeat 20px 50%; padding-left: 40px;}
.mainBox .filter{margin: 0 0 10px -2px; height: 35px;}
.mainBox .filter form{float: left;}
.mainBox .filter span{float: right;}
.mainBox .action{margin: 10px 0 5px -2px;}
.mainBox .warning{border: 1px solid #E6DB55; background: #FFFBCC; padding: 10px; margin-bottom: 20px;}
/* 首页
----------------------------------------------- */
#index .indexBox{margin-bottom: 20px;}
#index .indexBox .boxTitle{border-bottom: 1px solid #D7D7D7; color: #666666; font-size: 16px; padding-bottom: 10px; margin-bottom: 8px;}
#index .indexBox em{color:#999;}
/*- ipage -*/
#index .indexBox .ipage{overflow: hidden;}
#index .indexBox .ipage a{display: block; background-color: #DDDDDD; color: #555555; font-weight: bold; border: 1px dotted #CCCCCC; float: left; width: 122px; height: 37px; line-height: 37px; text-align: center; margin: 0 15px 12px 0;}
#index .indexBox .ipage a.child1{border: 1px dotted #DDDDDD; background-color: #EEEEEE;}
#index .indexBox .ipage a.child2{border: 1px dotted #EEEEEE; background-color: #F6F6F6;}
#index .indexBox .ipage a.child3{border: 1px dotted #F6F6F6; background-color: #FFFFFF;}
#index .indexBox .ipage a:hover{border: 1px dotted #FFFFFF; background: #60BBFF url(../images/icon_edit_white.png) no-repeat 12px 50%; color: #FFF;}
/*- help -*/
#index .help{margin-top:10px;}
#index .help a{color:#60BBFF;}
#index .help .text{line-height: 200%;}
/* 单页面
----------------------------------------------- */
.page dl{border: 1px dotted #CCC; background-color: #DDDDDD; float: left; width: 120px; height: 75px; margin: 0 15px 15px 0; text-align: center;}
.page dl.child1{border: 1px dotted #DDDDDD; background-color: #EEEEEE;}
.page dl.child2{border: 1px dotted #EEEEEE; background-color: #F6F6F6;}
.page dl.child3{border: 1px dotted #F6F6F6; background-color: #FFFFFF;}
.page dt{padding: 8px 0; color: #555;}
.page dt p{padding-top: 5px; color: #999;}
.page dd{color: #CCC;}
.page dd a{color: #999;}
/* 首页商品筛选
----------------------------------------------- */
.homeSortLeft{margin-right: 70px;}
.homeSortRight{float: right; width: 62px; position: relative; z-index: 10;}
.homeSortRight .homeSortBg{position: absolute; left: 0; top: 0; z-index: 11;}
.homeSortRight .homeSortList{position: absolute; left: 0; top: 0; z-index: 12;}
.homeSortRight li{margin-bottom: 10px; height: 72px;}
.homeSortRight li img, .homeSortRight li em{border: 1px solid #EEE;}
.homeSortRight li em{display: block; padding: 3px; width: 54px; height: 54px; overflow: hidden; color: #666;}
.homeSortRight li a{display: block; font-family: Arial, Verdana, sans-serif; text-align: right; color: #666;}
/* 简单模块
----------------------------------------------- */
.simpleModule form{padding:0 7px;}
.simpleModule b{display:block; margin-bottom:8px;}
.simpleModule .formEdit{border: 4px solid #9FD7FF;}
.simpleModule .active td{border-bottom: 4px solid #9FD7FF; background-color:#FFF;}
.simpleModule .formEdit .btn{float:right;}
/* 云中心
----------------------------------------------- */
#cloud .filter a{margin-right:20px;}
#cloud .handbook{margin-bottom:20px;}
/*- handle -*/
#cloud .handle h2{background:url(../images/icon_cloud_handle.png) no-repeat left top; height:46px; padding-left:45px; font-size:18px;}
#cloud .handle p{margin-bottom:12px;}
#cloud .handle a{margin-right:15px;}
#cloud .handle i{margin:0 8px;}
/*- order -*/
#cloud .order h2{background:url(../images/icon_cloud_order.png) no-repeat left top; height:46px; padding-left:45px; font-size:18px;}
#cloud .order li{margin-bottom:10px;}
#cloud .order em{color:#999;}
#cloud .order .btn, #cloud .order .btnPayment{margin-top:20px;}
/*- cloudList -*/
.cloudList p{margin-top:2px;}
.cloudList p a{color:#0072C6;}
.cloudList p i{margin:0 8px; color:#DDD;}
.cloudList p b{background-color:#28B779; padding:0 10px; color:#FFF; -webkit-border-radius: 10px; border-radius: 10px;}
/*- account -*/
#cloud .account{background: url(../images/icon_cloud_account.png) no-repeat center top; text-align:center; padding-top:80px; margin-top:150px;}
#cloud .account .inpMain{margin-right:20px;}
#cloud .account em{font-size:18px; margin-right:20px; color:#60BBFF;}
#cloud .account .guide{margin-top:60px; color:#999;}
#cloud .account .guide a{color:#60BBFF;}
/* 模块扩展
----------------------------------------------- */
#module .install{margin-top:150px; padding-left:10px; text-align:center;}
#module .install h2{margin-bottom:20px; font-size:18px; color:#999;}
#module .uninstall .handbook{border: 1px solid #EEE; font-size:14px; margin:20px 0; padding:15px; color:#555;}
#module .uninstall .handbook a{color:#60BBFF; text-decoration:underline;}
#module .uninstall .list h2{background:url(../images/icon_cloud_uninstall.png) no-repeat left top; padding-left:40px; height:30px; color:#60BBFF; font-size:16px; margin-bottom:10px;}
#module .uninstall .list ul{zoom:1; overflow:hidden;}
#module .uninstall .list ul li{float:left; margin:0 20px 20px 0; text-align:center;}
#module .uninstall .list ul li em{display:block; border: 1px solid #C4C4C4; padding:15px 50px; font-size:14px; margin-bottom:3px;}
#module .uninstall .list ul li a{}
/* 模板扩展
----------------------------------------------- */
#theme .enable{border-bottom: 1px solid #DDD; padding:30px 0; zoom:1; overflow:hidden;}
#theme .enable h2{font-size:14px; font-weight:bold; color:#999; margin-bottom:10px;}
#theme .enable p{float:left; padding:4px; background-color:#FFF; border: 1px solid #DDD;}
#theme .enable dl{float:left; padding:10px;}
#theme .enable dl dt{font-weight:bold; font-size:14px; margin-bottom:10px;}
#theme .enable dl dd{margin-bottom:5px;}
/* -- themeList -- */
#theme .themeList{padding-top:30px; zoom:1; overflow:hidden;}
#theme .themeList h2{font-size:14px; font-weight:bold; color:#60BBFF; margin-bottom:15px;}
#theme .themeList dl{border: 1px solid #DDD; width:288px; background-color:#FAFAFA; float:left; margin:0 20px 20px 0; padding-bottom:5px;}
#theme .themeList dl p{padding:4px 4px 10px 4px; background-color:#FFF; border-bottom: 1px solid #EEE;}
#theme .themeList dl p img{width:280px; height:175px;}
#theme .themeList dl.mobile{width:178px; margin-right:40px;}
#theme .themeList dl.mobile p img{width:170px; height:230px;}
#theme .themeList dl dt{font-weight:bold; padding:5px;}
#theme .themeList dl dd{padding:2px 5px;}
#theme .themeList dl dd.btnList span a{color:#0072C6; margin-right:10px;}
#theme .themeList dl dd.btnList span em{margin-right:10px;}
#theme .themeList dl dd.btnList .del{float:right; color:#999;}
/* 手机版
----------------------------------------------- */
#subBox{background-color:#F5F5F5; border-top: 1px solid #CCCCCC;}
#subBox #sMenu{float: left; width: 120px;}
#subBox #sMain{background-color: #FFFFFF; border-left: 1px solid #DDD; margin-left: 120px;}
#subBox #sMenu h3{background-color:#60BBFF; color:#FFF; font-size:14px; font-weight:bold; text-align:center; padding:30px 0;}
#subBox #sMenu h3 i{display:block; height:42px; margin-bottom:8px;}
#subBox #sMenu h3 i.mobile{background: url(../images/icon_mobile.png) no-repeat center top;}
#subBox #sMenu li a{display:block; line-height:50px; height:50px; border-bottom: 1px solid #DDD; padding-left:20px; font-weight:bold;}
#subBox #sMenu li a.cur{background-color:#FFF; margin-right:-1px;}
/* 用户登录
----------------------------------------------- */
#login{margin: 0px auto; width: 368px; margin-top: 30px; overflow: hidden;}
#login .dologo{background: url(../images/logo.gif) no-repeat 0 0; height: 50px; margin-bottom: 30px;}
#login .loginlogo{text-align:center; margin-bottom: 30px;}
#login li{height: 34px; margin-bottom: 15px; text-align: center;}
#login .inpLi{border: 1px solid #CCC;}
#login .inpLi b{background-color: #E0E0E0; float: left; display: block; width: 70px; height: 34px; line-height: 34px; text-align: center; font-weight: normal;}
#login .inpLi .inpLogin, #login .inpLi .captcha{float: left; background-color: #EBEBEB; border: 0; padding: 7px 8px; height: 20px; line-height: 20px; color: #000; font-size: 14px;}
#login .inpLi .inpLogin{width: 280px;}
#login .inpLi .captcha{width: 198px; text-transform: uppercase;}
#login .captchaPic{height: 38px;}
#login .captchaPic .inpLi{float: left; width: 284px;}
#login .captchaPic #vcode{float: right;}
#login .btn{padding:6px 40px; width: 369px;}
#login .sub{margin:30px 0;}
#login .action .separator{color: #DDD; margin:0 10px;}
#login .reset .inpLi b{width: 100px;}
#login .reset .inpLi .inpLogin{width: 250px;}
/* 分页
----------------------------------------------- */
.pager{text-align: right; padding-top: 20px; color: #666;}
.pager a{color: #666; text-decoration: underline;}
/* 信息提示
----------------------------------------------- */
/*- douMsg -*/
#douMsg{background: url(../images/icon_exc_small.gif) no-repeat left top; padding: 27px 0 0 70px; margin-top: 30px;}
#douMsg h2{font-size: 16px; font-weight: bold; color: #0574C7;}
#douMsg dl{background: url(../images/icon_back_arrow.gif) no-repeat right bottom;}
#douMsg dt{padding: 10px 0 25px 0; font-size: 13px; color: #999999;}
#douMsg dd{padding: 100px 20px 20px 0; font-size: 12px; text-align: right;}
#douMsg dd a{color: #60BBFF;}
/*- outMsg -*/
#outMsg{background: url(../images/icon_exc.gif) no-repeat left top; margin: 0px auto; width: 340px; padding: 30px 0 0 80px; margin-top: 160px;}
#outMsg h2{font-size: 22px; font-weight: bold; color: #0574C7;}
#outMsg dt{padding: 10px 0 25px 0; font-size: 13px; color: #666666;}
#outMsg dd{background: url(../images/icon_back.gif) no-repeat left top; padding-left: 25px; font-size: 14px;}
/* 公共样式
----------------------------------------------- */
#maskBox{position: relative;}
#maskBox dt{font-size: 14px; margin-bottom: 30px; color: #999; font-weight: 700; zoom: 1; overflow: hidden; line-height: 28px;}
#maskBox em, #maskBox form{float: left; margin-right: 20px;}
#maskBox .count{position: relative;}
#maskBox i{display: block; float: left; width: 30px; height: 30px; margin: 0 20px 20px 0;}
#maskBox .maskBg{position: absolute; z-index: 1;}
#maskBox .maskBg i{background: url(../images/icon_picture_big.png) no-repeat;}
#maskBox #mask{position: absolute; z-index: 2;}
#maskBox #mask i{background: url(../images/icon_picture_big.png) no-repeat left bottom;}
#maskBox #success{background: #60BBFF url(); display: none; width: 60px; padding: 0 10px; line-height: 30px; color: #FFF; font-weight: bold;}
/*- douFrame -*/
#douFrame .bg{position: fixed; top: 0; left: 0; z-index: 10000001; width: 100%; height: 100%; background: #000; filter: alpha(opacity=45); opacity:0.45}
#douFrame .frame{position: absolute; z-index: 10000002; overflow: hidden; padding: 0; left:50%;}
#douFrame .frame h2{padding: 0 10px; background: #0072C6; line-height: 32px; color: #FFF; font-size:14px;}
#douFrame .frame h2 .close{background: url(../images/icon_fork.png) no-repeat; width:12px; height:12px; display:block; float:right; text-indent:-9999px; margin-top:11px;}
#douFrame .details{border: 2px solid #C4C4C4; background-color:#FFF; width:800px; top:100px; margin-left:-400px;}
#douFrame .selectBox{border: 2px solid #FFF; background-color: #F5F5F5; width:400px; top:300px; margin-left:-200px; text-align:center; padding:10px 0 30px 0;}
#douFrame .selectBox a{margin:0 25px;}
/* 公共底部
----------------------------------------------- */
#footer{margin-top: -1px; color: #999;}
/*#footer .line{border-top: 1px solid #FFFFFF; background-color: #CCCCCC; height: 1px; line-height: 1px; font-size: 0; margin-left: 180px;}*/
.line{border-top: 1px solid #FFFFFF; background-color: #CCCCCC; height: 1px; line-height: 1px; font-size: 0; margin-left: 180px;}
#footer ul{text-align: center; padding: 15px 0;}
